﻿<?php require( DIR_TEMPLATE . $this->config->get('config_template') . "/template/common/config.tpl" ); ?>
<?php echo $header; ?>

<!-- african magic custom content -->
<?php 
$aboutId = 4;
$galleryId = 7;
$butterId = 8;

$lifeInAfricaId = 9;
$helpingId = 10;

// $t =  $this->model_catalog_information->getInformations(); //list of all info pages
$aboutUrl = $this->url->link('information/information', 'information_id=' . $aboutId);
$butterUrl = $this->url->link('information/information', 'information_id=' . $butterId);
$galleryUrl = $this->url->link('information/information', 'information_id=' . $galleryId);

$lifeInAfricaUrl = $this->url->link('information/information', 'information_id=' . $lifeInAfricaId);
$helpingUrl = $this->url->link('information/information', 'information_id=' . $helpingId);

$newsUrl = $this->url->link('information/news');
?>
<div class="metromenu span6">
	<div class="metrorow">
		
		<div class="metroitem span6" style="height:180px;background-color:#ffaa31">
			<a href="<?php echo $butterUrl; ?>">
				<img src="image/data/africanmagic/metro-butter.jpg" alt="Bambucké máslo" title="Bio Nerafinované Bambucké máslo - o historii, výrobě a účincích" />
				<h2><span>Bambucké máslo</span></h2>
			</a>
		</div>
		
		
		<div class="metroitem span6" style="height:180px;background-color:#6cbe42">
			<a href="<?php echo $aboutUrl; ?>">
				<img src="image/data/africanmagic/metro-about-us.jpg" alt="O nás" title="O nás, o bambuckém másle a proč vám ho přinášíme" />
				<h2><span>O nás</span></h2>
			</a>
		</div>
		
	</div>
	<div class="metrorow">
		<div class="metroitem span6" style="height:180px;background-color:#58bae9">
			<a href="<?php echo $lifeInAfricaUrl; ?>" title="Blog život v Africe">
				<img src="image/data/africanmagic/metro-live-in-africa.jpg" alt="EboInNaija - blog zivot v Africe" />
				<h2><span>Život v Africe</span></h2>
			</a>
		</div>
		<div class="metroitem span6" style="height:180px;background-color:#ffc425">
			<a href="<?php echo $newsUrl; ?>" title="Novinky African Magic">
				<img src="image/data/africanmagic/metro-gallery.jpg" alt="Novinky o obchodu s bambuckým máslem" title="Novinky o výrobě a prodeji bambuckého másla" />
				<h2><span>Novinky</span></h2>
			</a>
		</div>
	</div>
	<div class="metrorow">
		<div class="metroitem span12" style="height:130px;margin-bottom:20px;background-color:#d11141">
			<a href="<?php echo $helpingUrl; ?>" title="Pomáháme v Africe - iyobosahelpinghand.com">
				<img src="image/data/africanmagic/metro-helping.png" alt="iyobosahelpinghand.com - pomáháme v Africe" />
				<h2><span>Pomáháme - nákupem podpoříte</span></h2>
			</a>
		</div>
	</div>

</div>
<div class="span6">
	<img src="image/data/africanmagic/top-shea-butter.jpg" title="Uwa nám pomáhá s výrobou Bambuckého másla" alt="Bio Nerafinované Bambucké máslo" />
</div>
<script type="text/javascript">



$(document).ready(function () {
	$('.metroitem').each( function() { $(this).hoverdir(); } );
	
	
   $(".metroitem").hover(
      function () {
	   $("span",this).animate({backgroundColor: 'rgba(16,16,16,0.4)'},'slow');
      }, 
      function () {
		$("span",this).animate({backgroundColor: 'rgba(255,255,255,0)'},'slow');
      }
    );
	
});
</script>

</div>


<div class="row-fluid">
<!-- african magic end -->


	<?php if( $SPAN[0] ): ?>
	<div class="span<?php echo $SPAN[0];?>">
	<?php echo $column_left; ?>
	</div>
	<?php endif; ?>
	<div class="span<?php echo $SPAN[1];?>">
		<div id="content"><?php echo $content_top; ?>
		<h1 style="display: none;"><?php echo $heading_title; ?></h1>
		<?php echo $content_bottom; ?>
		</div>
	</div>
	<?php if( $SPAN[2] ): ?>
	<div class="span<?php echo $SPAN[2];?>">	
		<?php echo $column_right; ?>
	</div>
	<?php endif; ?>
<?php echo $footer; ?>